.header {
  width: 100%;
  height: $header_height;
  display: flex;
  justify-content: space-between;

  .right_box,
  .left_box {
    display: flex;
  }

  .header_item {
    padding: 0 6px;
    height: 100%;
    @include flexLayout;

    .avatar_box {
      @include flexLayout;
    }

    .avatar_box > div {
      padding: 0 5px;
      max-width: 85px;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
    }
  }

  .rotate:hover .iconpark-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
}
